<!doctype html>
<html class="no-js">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>米卡钱包</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-title" content="Amaze UI" />
	<meta name="msapplication-TileColor" content="#0e90d2">
	<link rel="stylesheet" href="assets/css/amazeui.min.css">
	<link rel="stylesheet" href="assets/css/app.css" />
	<link rel="stylesheet" href="css/app.css" />
	<link href="css/swiper-3.3.1.min.css" rel="stylesheet" />
	<script src="js/swiper-3.3.1.min.js"></script>
	<style>
		.swiper-container {
			width: 100%;
		}

		h3 {
			text-align: center;
			padding-top: 50px;
			font-size: 30px;
			color: #555;
		}

		.swiper-slide {
			width: 100% !important;
			margin-right: 0px !important;
		}

		.swiper-pagination {
			bottom: 0 !important;
		}

		.notice_active_ch span {
			display: inline-block;
			padding-top: 3px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			width: 90%;
		}

		#aaa1 {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			background: rgba(0, 0, 0, 0.5);
			z-index: 9998;
		}

		#ddd1 {
			display: none;
			width: 260px;
			height: auto;
			background: #fff;
			position: fixed;
			top: 35%;
			left: 0;
			right: 0;
			margin: auto;
			border-radius: 15px;
			z-index: 9999;
		}

		.qx_btn,
		.bd_btn {
			display: inline-block;
			line-height: 30px;
			font-size: 16px;
			width: 80px;
			border: 1px solid #ddd;
			text-align: center;
			background: #0165C7;
			color: #fff;
		}

		.layui-m-layerchild {
			width: 80%;
		}

		.layui-m-layer1 .layui-m-layerchild {
			border-radius: 20px !important;
			background: #41A0F0;
		}

		#notice_tit {
			display: flex;
			color: white;
		}

		#imgLeft img {
			margin-top: 1rem;
			margin-left: 1rem;
		}

		.jxy li {
			padding-top: 10px;
		}

		.jxy p {
			margin-top: .7rem;
		}
	</style>
</head>

<body style="background: #eee;">
	<header class="am-u gradien-bg" style="line-height:40px;">
		<div class="am-u-sm-12 head_nav" style="margin:0;z-index: 100;">
			<div class="am-u-sm-5 am-vertical-align head_text" style="text-align: left;font-size: 13px;">
				<!-- <a href="list.html" style="color: #fff;">排行榜</a> -->
			</div>
			<div class="am-u-sm-4 head_text">

			</div>
			<div class="am-u-sm-3" style="text-align: right;float:right;">
				<!-- <a href="kefu.html">
					<img src="img/kefu.png" style="width: 15px;margin-right:12px;" alt="" />
				</a> -->
				<a href="message.html">
					<img src="img/letter.png" style="width: 15px;" alt="" />
				</a>
			</div>
			<div class="am-u-sm-12 tab_apply">
				<div class="am-u-sm-3" style="text-align: center;">
					<a href="collection.html">
						<img src="img/receivables.png" width="35" height="35" alt="" style="width:35px;" />
						<p style="color: #fff;margin: 0;font-size:1.4rem;">快捷支付</p>
					</a>
				</div>
				<div class="am-u-sm-3" style="text-align: center;">
					<a id="reim">
						<img src="img/intelligent_repayment.png" width="35" height="35" alt="" style="width:35px;" />
						<p style="color: #fff;margin: 0;font-size:1.4rem;">智能还款</p>
					</a>
				</div>
				<div class="am-u-sm-3" style="text-align: center;">
					<!-- id="perfect_bill" -->
					<a href="collection.html">
						<img src="img/perfect_bill.png" width="35" height="35" alt="" style="width:35px;" />
						<p style="color: #fff;margin: 0;font-size:1.4rem;">拉卡拉</p>
					</a>
				</div>
				<div class="am-u-sm-3" style="text-align: center;">
					<a href="javascript:;" id="out_code">
						<img src="img/scan_code.png" width="35" height="35" alt="" style="width:35px;" />
						<p style="color: #fff;margin: 0;font-size:1.4rem;">扫码</p>
					</a>
				</div>
			</div>
			<div class="huadong am-u-sm-12" style="margin-bottom:.5rem;">
				<div class="huabox">
					<div class="hdimg" style="padding-left: 5px;display:flex;align-items: center;">
						<img src="img/letter.png" style="width: 20px;">
					</div>
					<div class="notice_active">
						<ul id="lb_list" style="margin-top:0.25rem;">
							<li class="notice_active_ch">
								<span>欢迎来到米卡钱包！！</span>
							</li>
							<li class="notice_active_ch">
								<span>欢迎来到米卡钱包！！</span>
							</li>
							<li class="notice_active_ch">
								<span>欢迎来到米卡钱包！！</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div style="clear: both;"></div>
		</div>
		<div style="clear: both;"></div>


	</header>

	<div style="clear: both;"></div>

	<div class="am-u">
		<div class="am-u-sm-12">
			<div class="swiper-container1" id="d2" style="overflow:hidden;"></div>
		</div>
	</div>
	<div style="clear:both;"></div>

	<div class="am-u">
		<div class="am-u-sm-12">
			<div id="jinxuan">
				<ul class="jxy" style="overflow: hidden;">
					<li class="am-u-sm-4 am-text-center">
						<a href="Myclient.html">
							<img src="img/my_client.png" width="35" style="width:35%;margin: 0 auto;" />
							<p>我的客户</p>
						</a>
					</li>
					<li class="am-u-sm-4 am-text-center">
						<a href="profits.html">
							<img src="img/my_profit.png" width="35" style="width:35%;margin: 0 auto;" />
							<p>我的利润</p>
						</a>
					</li>
					<li class="am-u-sm-4 am-text-center">
						<a href="javascript:;" id="safe_financing">
							<img src="img/my_insurance.png" width="35" style="width:35%;margin: 0 auto;" />
							<p>我的保险</p>
						</a>
					</li>
					<li class="am-u-sm-4 am-text-center">
						<a href="javascript:;" id="fast_loan">
							<img src="img/quick_loan.png" width="35" style="width:35%;margin: 0 auto;" />
							<p>快速货款</p>
						</a>
					</li>
					<li class="am-u-sm-4 am-text-center">
						<a class="CreditCard">
							<img src="img/quick_card.png" width="35" style="width:35%;margin: 0 auto;" />
							<p>快速办卡</p>
						</a>
					</li>
					<li class="am-u-sm-4 am-text-center">
						<a class="javascript:;" id="apply_repay">
							<img src="img/application_for_restitution.png" width="35" style="width:35%;margin: 0 auto;" />
							<p>申请代还</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>


	<footer>
		<ul class="am-topbar am-topbar-inverse am-topbar-fixed-bottom am-nav-justify" style="background: #fff;border-top: 1px solid #D8D8D8;padding: 0;">
			<li class="am-text-center">
				<a href="home.html">
					<img src="img/icon_home_selected.png" width="20px" />
					<p style="color:#41A0F0">米卡</p>
				</a>

			</li>
			<li class="am-text-center">
				<a href="javascript:;" id="global_buy">
					<img src="img/icon_receive_normal.png" width="20px" />
					<p>多米商城</p>
				</a>
			</li>
			<li class="am-text-center">
				<a href="sharing.html">
					<img src="img/icon_share_normal.png" width="20px" />
					<p>分享</p>
				</a>
			</li>
			<li class="am-text-center">
				<!-- eco_network.html -->
				<a href="javascript:;" id="mikaCredit">
					<img src="img/icon_shengtai_normal.png" width="20px" />
					<p>米卡信用</p>
				</a>
			</li>
			<li class="am-text-center">
				<a href="mine.html">
					<img src="img/icon_user_normal.png" width="20px" />
					<p>我的</p>
				</a>
			</li>

		</ul>
	</footer>


	<!--url跳转弹框-->
	<div id="url_aaa"></div>
	<div id="url_ddd">
		<div class="pop_main">
			<div class="img_left">
				<img src="img/dialog_logo.png" alt="logo" width="70" height="70">
			</div>
			<div class="text_right">
				<span>正在开发</span>
				<span>敬请期待</span>
			</div>
		</div>
	</div>

	<!--智能还款弹框-->
	<div id="aaa1"></div>
	<div id="ddd1" style="text-align:center;padding:10px 0 25px 0;">
		<p style="margin:0;padding:25px 0;">未实名，是否前往认证？</p>
		<div style="margin-bottom:7px;">
			<span class="qx_btn" style="margin-right:15px;">取消</span>
			<span class="bd_btn">去认证</span>
		</div>
	</div>
	<!-- 以上页面内容 开发时删除 -->
	<script type="text/html" id="zfm">
		<div style="background:#F8F8F8;">
			<h2 style="text-align:center;color:#333;margin:0;padding:8px;">设置支付密码</h2>
			<ul class="am-list">
				<li class="h50">
					<span class="h35">设置支付密码</span>
					<input type="password" id="pay_pwd" name="pay_pwd" value="" style="" class="h35" />
				</li>
				<li class="h50">
					<span class="h35">确认支付密码</span>
					<input type="password" id="new_pay_pwd" name="new_pay_pwd" value="" style="" class="h35" />
				</li>
			</ul>
			<div class="h50">
				<button type="button" id="pay_pwd_btn" class="h35 bor0" style="width: 80%;display:block; margin:8px auto;background:#ff6600;color:#fff;">提交</button>
			</div>

		</div>

		<script>
			//支付密码
			$("#pay_pwd_btn").click(function () {
				var pay_pwd = $("#new_pay_pwd").val();
				var token = sessionStorage.getItem("token");
				var method = "User|set_pay_pwd";
				var is_set_pwd = sessionStorage.getItem("is_set_pwd");
				var type = is_set_pwd;
				var d = {};
				d.pay_pwd = pay_pwd;
				d.method = method;
				d.token = token;
				d.type = type;
				$.ajax({
					type: "post",
					url: "http://www.rice.com/app/api/h5_access",
					data: d,
					dataType: "json",
					success: function (result) {
						if (result.status == "1") {
							layer.open({
								type: 1,
								skin: 'layui-layer-rim', //加上边框
								area: ['420px', '240px'], //宽高
								content: "<p style='padding:10px 20px;background:#0077eb;color:#fff;font-size:18px;'>" + result.message +
									"</p>"
							});
							return true;
						}
						if (result.status == "2") {
							return true;
						} else {
							layer.open({
								type: 1,
								skin: 'layui-layer-rim', //加上边框
								area: ['420px', '240px'], //宽高
								content: "<p style='padding:10px 20px;background:#0077eb;color:#fff;font-size:18px;'>" + result.message +
									"</p>"
							});
							return false;
						}
					}
				})
			})
		</script>
	<!--[if (gte IE 9)|!(IE)]><!-->
	<script src="assets/js/jquery.min.js"></script>
	<!--<![endif]-->
	<script src="assets/js/amazeui.min.js"></script>
	<script src="js/mobile/layer.js"></script>
	<script src="js/home.js"></script>
	<script src="js/outside_chain.js"></script>
</body>


<script>
	var mySwiper = new Swiper('.swiper-container', {
		autoplay: 0, //自动轮播参数
		pagination: '.swiper-pagination', //分页器class
		loop: true, //无限循环
		grabCursor: true, //鼠标放上时变成手的形状
		paginationClickable: true, //点击分页切换图像
		autoplayDisableOnInteraction: false, //点击屏幕后仍然可以自动播放
		// 如果需要前进后退按钮
		nextButton: '.swiper-button-next',
		prevButton: '.swiper-button-prev'

	})
</script>
<script type="text/javascript">
	function timer(opj) {
		$(opj).find('ul').animate({
			marginTop: "-3.5rem"
		}, 500, function () {
			$(this).css({
				marginTop: "0.7rem"
			}).find("li:first").appendTo(this);
		})
	}
	$(function () {
		var num = $('.notice_active').find('li').length;
		if (num > 1) {
			var time = setInterval('timer(".notice_active")', 3500);
			$('.gg_more a').mousemove(function () {
				clearInterval(time);
			}).mouseout(function () {
				time = setInterval('timer(".notice_active")', 3500);
			});
		}

		$(".news_ck").click(function () {
			location.href = $(".notice_active .notice_active_ch").children(":input").val();
		})
	});
	//      公告栏轮播广告
	var token1 = sessionStorage['token'];
	$.ajax({
		type: 'POST',
		url: "http://www.rice.com/app/api/h5_access",
		contentType: "application/x-www-form-urlencoded; charset=utf-8",
		datatype: "JSON",
		data: {
			method: "get_notice",
			token: token1
		},
		success: function (data) {
			var data1 = JSON.parse(data);
			// console.log(data1);
			if (data1.status === 1) {
				var html = "";
				for (var i in data1.data.list) {
					html += '<li class="notice_active_ch"><span>' + data1.data.list[i].content + '</span></li>';
				}
				$("#lb_list").html(html);
			} else if (Number(data1.status) == 2) {
				alert(data1.message);
				window.location.href = "login.html";
			} else {
				alert(data1.message);
			}
		}
	});
	$(".jxy").on("click", "a", function (e) {
		if ($(this).attr("href") == "" || $(this).attr("href").indexOf(".html") == -1) {
			e.preventDefault();
			$("#url_aaa").css("display", "block");
			$("#url_ddd").css("display", "block");
		}
	})
	$(".tab_apply").on("click", "a", function (e) {
		if ($(this).attr("href") == "" || $(this).attr("href").indexOf(".html") == -1) {
			e.preventDefault();
			$("#url_aaa").css("display", "block");
			$("#url_ddd").css("display", "block");
		}
	})
	$("#url_aaa").on("click", function () {
		$("#url_aaa").css("display", "none");
		$("#url_ddd").css("display", "none");
	})

	// 多米商城/米卡信用弹窗
	$("#global_buy").on('click', function () {
		$("#url_aaa").css("display", "block");
		$("#url_ddd").css("display", "block");
	})
	$('#mikaCredit').on('click', function () {
		$("#url_aaa").css("display", "block");
		$("#url_ddd").css("display", "block");
	})


	//      智能还款
	$(".qx_btn").on("click", function () {
		$("#aaa1").css("display", "none");
		$("#ddd1").css("display", "none");
	})
	$("#aaa1").on("click", function () {
		$("#aaa1").css("display", "none");
		$("#ddd1").css("display", "none");
	})
	$(".bd_btn").on("click", function () {
		window.location.href = "real_name.html";
	})
	window.onload = function () {
		var notice_isopen = sessionStorage.getItem("notice_isopen");
		if (!notice_isopen) {
			$.ajax({
				type: 'post',
				url: 'http://www.rice.com/app/api/h5_access',
				data: {
					"method": "app_notice"
				},
				dataType: 'json',
				success: function (result) {
					if (result.status == 1) {
						var data = result.data;
						var html = '',
							imgLeft = '';
						html += '<div id="txtLeft"><h2 style="text-align:center;margin:0;padding-top:10px;">《' + data.title +
							'》</h2>';
						html += '<div style="padding:5px 10px;">' + data.msg + '</div></hr>';
						html +=
							'<div style="border-top:1px solid #ccc;"><button class="am-btn am-btn-block notice_close"style="width:74%;margin-left:13%;background:#41A0F0;">知道了</button></div></div>';
						imgLeft += `
							<div id="imgLeft"><img src="img/dialog_logo.png" width="70" height="70"/></div>
						`;
						//自定页
						layer.open({
							type: 1,
							skin: 'layui-layer-demo', //样式类名
							closeBtn: 0, //不显示关闭按钮
							anim: 2,
							shadeClose: false, //开启遮罩关闭
							content: '<div id="notice_tit" style="padding:5px 0 5px 0;">' + imgLeft + html + '</div>'
						});
						$('.notice_close').click(function () {
							sessionStorage.setItem("notice_isopen", result.status);
							$(this).parents("#layui-m-layer0").css("display", "none");
						})
					}
				}
			})
		}

	}
</script>

</html>